import { RouteRecordRaw } from 'vue-router';
import Layout from '@/layout/index.vue';
import { shallowRef } from 'vue';
export const topOneRouters: Array<RouteRecordRaw> = [
    {
        path: '/topOne',
        name: 'topOne',
        meta: {
            title: '测试换肤'
        },
        component: shallowRef(Layout),
        redirect: '/top1LeftOne',
        children: [
            {
                path: '/top1LeftOne',
                name: 'top1LeftOne',
                component: () =>
                    import(
                        /* webpackChunkName: "topLeftOne" */ '@/views/topOne/top1LeftOne/index.vue'
                    ),
                meta: {
                    title: '测试变量v-bind绑定style'
                }
            },

            {
                path: '/top1LeftTwo',
                name: 'top1LeftTwo',
                redirect: '/top1LeftTwo/childOne',
                meta: {
                    title: '全局css变量控制',
                    alwaysShow: true
                },
                children: [
                    {
                        path: '/top1LeftTwo/childOne',
                        name: 'tltchildOne',
                        meta: {
                            title: 'var控制'
                        },
                        component: () =>
                            import(
                                /* webpackChunkName: "tltchildOne" */ '@/views/topOne/top1LeftTwo/tltchildOne.vue'
                            )
                    }
                ]
            }
        ]
    }
];
